<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    {if condition="$title"}
    <title>{$title}</title>
    {else/}
    <title>{:config('website.site_title')}</title>
    {/if}
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="keywords" content="{:config('website.site_keywords')}">
    <meta name="description" content="{:config('website.site_description')}">
    <link rel="stylesheet" type="text/css" href="__LIBS__/layui/css/layui.css">
    <link type="text/css" rel="stylesheet" href="__HUI__/css/hui.css" />
    <link type="text/css" rel="stylesheet" href="__HUI__/css/mobile.css" />
    <link type="text/css" rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />
</head>
<body>
    <div class="hui-wrap">
        <div class="course-learn learn-content">
            <div class="learn-playroom">
                <div class="prism-player" id="J_prismPlayer"></div>
            </div>
        </div>
        <div class="hui-tab course-info">
            <div class="hui-tab-title">
                <div>章节</div>
                <div>笔记</div>
                <div>评价</div>
            </div>
            <div class="hui-tab-body">
                <div class="hui-tab-body-items">
                    <div class="hui-tab-item">
                        {if condition="!empty($secList[0]['section'])"}
                        {foreach name="secList" item="vo" empty="$empty"}
                        <div class="hui-accordion course-section">
                            <div class="hui-accordion-title">{$vo.title}</div>
                            <div class="hui-accordion-content hui-list section-list">
                                <ul  class="check-learn">
                                    {foreach name="vo['section']" item="voo"}
                                    <li><a href="javascript:avoid(0)" target="_blank" sid="{$voo['id']}" type="1" url="{:url('index/Course/checkBuy')}">
                                        <div class="hui-list-text fontsize-12">{:isStudyBySid($voo.csid,$voo.id,$voo.coursetype)}{:getSecIcon($voo.sectype)}{$voo.title}{if condition="$voo['isfree']==1"}
                                            <div class="hui-tags"><div>免</div></div>
                                            {/if}
                                        </div>
                                    </a>
                                    </li>
                                    {/foreach}
                                </ul>
                            </div>
                        </div>
                        {/foreach}
                        {else /}
                        <div class="hui-list section-list">
                            <ul class="check-learn">
                                {foreach name="secList" item="voo"}
                                <li><a href="javascript:avoid(0)" target="_blank" sid="{$voo['id']}" type="1" url="{:url('index/Course/checkBuy')}">
                                    <div class="hui-list-text fontsize-12">{:isStudyBySid($voo.csid,$voo.id,$voo.coursetype)}{:getSecIcon($voo.sectype)}{$voo.title}{if condition="$voo['isfree']==1"}
                                        <div class="hui-tags"><div>免</div></div>
                                        {/if}
                                    </div>
                                </a>
                                </li>
                                {/foreach}
                            </ul>
                        </div>
                        {/if}
                    </div>
                    <div class="hui-tab-item course-user-info">
                        <div class="hui-form-textarea ml10 mar10">
                            <textarea  id="quesContent"  placeholder="在此记录你的笔记......"></textarea>
                        </div>
                        <a href="javascript:void(0)" class="addNotes hui-button hui-button-small hui-fr mr12 mt-10" cid="{$info.csid}" sid="{$info.id}" type="{$info.coursetype}" url="{:url('index/Course/addNotes')}" geturl="{:url('index/Course/getNotes')}" title="保存">保&nbsp;&nbsp;存</a>
                        <ul id="noteslist" class="noteslist mt10 pd20">
                            {foreach name="note" item="vo"}
                            <li id="courseNote{$vo.id}">
                                <div class="notes-list-box">
                                    <section class="mt10  mr10">
                                        <p class="c-999  font-12">{$vo.contents}</p>
                                    </section>
                                    <section class="mt10 mr10  hui-fr">
                                        <span class="c-999 font-10"> {$vo.addtime}</span>
                                        <span class="c-666">
                                              <a class="layui-btn  btn-del layui-btn-sm fr delNotes" id="{$vo.id}" url="{:url('index/Course/delNotes')}"><i class="layui-icon">&#xe640;</i></a>
                                        </span>
                                    </section>
                                </div>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                    <div class="hui-tab-item course-user-info">
                        <div class="hui-form-textarea ml10 mar10">
                            <textarea  id="commentContent"  placeholder="在此填写您的评论......"></textarea>
                        </div>
                        <a href="javascript:void(0)" class="addComment hui-button hui-button-small hui-fr mr12 mt-10" cid="{$info.csid}" sid="{$info.id}" type="{$info.coursetype}" url="{:url('index/Course/addComment')}" geturl="{:url('index/Course/getComment')}" title="保存">保&nbsp;&nbsp;存</a>
                        <ul id="commentlist" class="noteslist mt10 pd20">
                            {foreach name="comment" item="vo"}
                            <li id="courseComment{$vo.id}">
                                <div class="notes-list-box">
                                    <section class="mt10  mr10">
                                        <p class="c-999  font-12">{$vo.contents}</p>
                                    </section>
                                    <section class="mt10 mr10  hui-fr">
                                        <span class="c-999 font-10 "> {$vo.addtime}</span>
                                        <span class="c-666">
                                              <a class="layui-btn  btn-del layui-btn-sm fr delComment" id="{$vo.id}" url="{:url('index/Course/delComment')}"><i class="layui-icon">&#xe640;</i></a>
                                        </span>
                                    </section>
                                </div>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" id="cid"  value="{$info.csid}">
        <input type="hidden" id="sid"  value="{$info.id}">
        <input type="hidden" id="vid"  value="{$info.videoid}">
        <input type="hidden" id="buyurl"  value="{:url('index/course/info',array('id'=>hashids_encode($info['csid']),'type'=>hashids_encode($info['coursetype'])))}">
        <input type="hidden" id="isbulletscreen"  value="{$info.isbulletscreen}">
        <input type="hidden" id="BulletScreen"  value="{$BulletScreen}">
        <input type="hidden" id="previewtimes"  value="{$info.previewtimes}">
        <input type="hidden" id="seek"  value="{$learnInfo.seek|default=0}">
        <input type="hidden" id="learnover"  value="{$learnInfo.status}">
    </div>
    <script src="__LIBS__/layui/layui.all.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script>
    <script src="https://g.alicdn.com/de/prismplayer/2.8.2/hls/aliplayer-vod-anti-min.js"></script>
    <script src="https://cdn.bootcss.com/stickyNavbar.js/1.3.5/jquery.stickyNavbar.min.js"></script>
    <script src="__ALIYUN__/aliplayercomponents-1.0.5.min.js"></script>
    <script src="__COMMON__/common.js"></script>
    <script src="__HUI__/js/hui.js"></script>
    <script src="__HUI__/js/hui-tab.js"></script>
    <script src="__HUI__/js/hui-accordion.js"></script>
    <script src="__ALIYUN__/mobileplayer.js"></script>
</body>
</html>